.fm-right-files-block.emptied .shared-grid-view,
.fm-right-files-block.emptied .files-grid-view:not(.shared-folder-content),
.fm-right-files-block.emptied .out-shared-grid-view {
    display: none;
}

/* ============================ *\
    files-grid-view - Wrapper
\* ============================ */
.files-grid-view,
.files-grid-view.shared-view,
.files-grid-view.out-shares-view,
.files-grid-view.public-links-view,
.files-grid-view.file-requests-view {
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.small-nav .files-grid-view.public-links-view {
    margin-top: 12px;
}

/* ============================ *\
    shared-grid-view - Wrapper
\* ============================ */
.shared-grid-view {
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 12px;
}

.shared-grid-view .grid-table {
    table-layout: fixed;
    min-width: 1000px;
}

.shared-grid-view .grid-table th:first-child,
.shared-grid-view .grid-table td:first-child,
.out-shared-grid-view .grid-table th:first-child,
.out-shared-grid-view .grid-table td:first-child {
    text-align: center;
    padding-top: 3px;
}
.shared-grid-view .grid-table th:first-child,
.shared-grid-view .grid-table td:first-child,
.out-shared-grid-view .grid-table th:first-child,
.out-shared-grid-view .grid-table td:first-child {
    width: 66px;
}
.shared-grid-view .grid-table td:first-child,
.out-shared-grid-view .grid-table td:first-child {
    pointer-events: none;
}

.shared-grid-view .grid-table th:last-child,
.shared-grid-view .grid-table td:last-child,
.out-shared-grid-view .grid-table th:last-child,
.out-shared-grid-view .grid-table td:last-child {
    padding-inline-end: 0;
}

table.grid-table .inbound-share .sprite-fm-uni-after.icon-warning-after::after {
    display: none;
}
table.grid-table .inbound-share.unverified-share .sprite-fm-uni-after.icon-warning-after::after {
    display: inline-block;
    right: -2px;
    position: absolute;
    --icon-size: 20px;
    top: 0;
}

/* ============================ *\
    out-shared-grid-view - Wrapper
\* ============================ */

.out-shared-grid-view {
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 12px;
}
.out-shared-grid-view .grid-table {
    table-layout: fixed;
    min-width: 1000px;
}
.out-shared-grid-view .grid-table .no-pointer {
    pointer-events: none;
}

/* ============================ *\
    transfer-table - Wrapper
\* ============================ */

.transfer-table-wrapper {
    box-sizing: border-box;
    height: 100%;
    height: calc(100% - 48px);
    overflow: hidden;
    position: relative;
    top: -1px;
}

.transfer-table-wrapper th:last-child::before,
.transfer-table-wrapper th:first-child::before,
.transfer-table-wrapper th:nth-child(7)::before {
    display: none;
}

/* ======================================== *\
   grid-scrolling-table
\* ======================================== */

.grid-wrapper {
    box-sizing: content-box;
    min-height: 100%;
    min-width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: top; /* do not remove this is for prevent mysterious spacing from inline-block */
}
.grid-scrolling-table:not(.subtitles-grid-table),
.transfer-scrolling-table {
    height: 100%;
}

.transfer-scrolling-table {
    /* do not remove, needed for perfect-scrollbar */
    position: relative !important;
    background: no-repeat center 24px linear-gradient(90deg, var(--stroke-grey-2), var(--stroke-grey-2));
    background-size: auto 1px;
}

/* ======================================== *\
   table
\* ======================================== */
table {
    display: table;
    border-collapse: separate;
    border-spacing: 0;
}

table tr td:first-child::after {
    width: calc(100% - 8px);
    left: auto;
    right: -2px;
}

table tr td:last-child::after {
    width: calc(100% - 8px);
}

/* ======================================== *\
   table-hover
\* ======================================== */
.table-hover tr td:not(.label)::before,
.table-hover tr td.label::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    pointer-events: none;
}
.table-hover tr:hover td:not(.label)::before,
.table-hover tr:hover td.label::after {
    background-color: var(--mobile-surface-1);
}
.table-hover tr.ui-selected:not(:hover) td:not(.label)::before,
.table-hover tr.ui-selected:not(:hover) td.label::after {
    background: var(--mobile-surface-2);
}
.table-hover tr.ui-selected td:first-child {
    border-left: 4px solid var(--mobile-border-brand);
    padding-inline-start: 20px;
}
.shared-grid-view .table-hover tr.ui-selected td:first-child,
.out-shared-grid-view .table-hover tr.ui-selected td:first-child {
    padding-inline-start: 10px;
}
.rtl .table-hover tr.ui-selected td:first-child {
    border-left: none;
    border-right: 2px solid var(--mobile-border-brand);
}
.table-hover tr i.selected,
.grid-table.import-summary tr td i.icon-check {
    opacity: 0;
    cursor: pointer;
    border-radius: 2px;
    background: var(--mobile-surface-2);
    outline: 1px solid var(--mobile-border-strong-selected);
    color: transparent;
    vertical-align: middle;
    margin-bottom: 1px;
    padding: 2px;
    pointer-events: all;
    position: relative;
}
table.grid-table.import-summary tbody tr td i.icon-check:not(.verified-user-icon):not(.icon-dot):not(.selected) {
    opacity: 1;
    --icon-size: 16px;
    --mask-color: transparent;
}
.table-hover tr i.selected::after {
    content: '';
    position: absolute;
    top: -7px;
    left: -3px;
    right: -3px;
    bottom: -6px;
}
.table-hover.fat tr i.selected::after {
    top: -15px;
    bottom: -14px;
}
.table-hover tbody.animate-select tr i.selected {
    transition: opacity 300ms;
}
.table-hover tbody tr.ui-selected i.selected,
.grid-table.import-summary tbody tr i.selected {
    opacity: 1;
    background: var(--mobile-selection-control);
    color: var(--mobile-icon-inverse);
    outline: none;
    pointer-events: all;
}
.table-hover .selection-on tr:not(.ui-selected) i.selected,
.table-hover tr:not(.ui-selected):hover i.selected {
    opacity: 1;
    transition-delay: 50ms;
}
.rtl .table-hover tr.ui-selected td:first-child::before {
    background-position: calc(100% - 4px);
}
.table-hover tr:hover td:last-child::before {
    border-right: 1px solid var(--grid-hover-border);
}

.rtl .table-hover tr:hover td:last-child::before {
    border-left: 1px solid var(--grid-hover-border);
    border-right: none;
}

.table-hover tr.ui-selected td:last-child::before {
    border-right: 1px solid var(--stroke-grey-4);
}
table tr:hover .grid-url-arrow,
table tr.ui-selected .grid-url-arrow,
table tr:hover .clear-transfer-icon,
table tr.ui-selected .clear-transfer-icon,
table tr:hover .link-transfer-status,
table tr.ui-selected .link-transfer-status,
table tr:hover .grid-file-request-manage,
table tr.ui-selected .grid-file-request-manage {
     opacity: 1;
}

.rtl .table-hover tr.ui-selected td:last-child::before {
    border-left: 1px solid var(--stroke-grey-4);
    border-right: none;
}

/* ======================================== *\
   .grid-table header - Wrapper & table
\* ======================================== */

.grid-table thead tr {
    width: 100%;
    background-color: var(--mobile-page-background);
    box-sizing: border-box;
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.grid-table thead .filter-block.body {
    margin: 3px 0 0 0;
    margin-inline-end: 18px;
}
.grid-table th {
    box-sizing: border-box;
    height: 56px;
    font: var(--text-body2);
    color: var(--mobile-text-secondary);
    text-align: start;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-inline-start: 5px;
    padding-inline-end: 13px;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    background: var(--mobile-page-background);
    z-index: 201;
    border-bottom: 1px solid var(--mobile-border-subtle);
}
.small-nav .grid-table th {
    height: 32px;
}

.grid-table th:hover {
    color: var(--mobile-text-primary);
}
.grid-table th:first-child {
    padding-inline-start: 16px;
}
.grid-table th:last-child {
    padding-inline-end: 16px;
}
.grid-table th:last-child::before {
    left: 0;
    right: -26px;
}
.grid-table thead .grid-view-resize {
    cursor: col-resize;
    width: 16px;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 5;
}
.rtl .grid-table thead .grid-view-resize {
    right: auto;
    left: 0;
}
.grid-table thead th:not(:first-child):not(:last-child):not(.grid-url-header):not(.grid-url-header-nw):not(.grid-first-th):hover::after {
    background-color: var(--mobile-button-outline-background-hover);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.device-centre-grid-view .grid-table thead th[megatype="fname"]:hover {
    overflow: visible;
}
.device-centre-grid-view .grid-table thead th[megatype="fname"]:not(:first-child):not(:last-child):not(.grid-url-header):not(.grid-url-header-nw):not(.grid-first-th):hover::after {
    left: -26px;
}
.grid-table thead th.full-width-col {
    width: 100%;
}
.rtl .grid-table th:not(.grid-url-header):hover::before {
    right: auto;
    left: 7px;
}
.grid-table.fm th:first-child {
    padding: 0;
}

.grid-table.fm th,
.grid-table.fm td {
    display: none;
}

.grid-table.fm th:first-child,
.grid-table.fm th.grid-empty-spacer,
.grid-table.fm td.space-maintainer-start,
.grid-table.fm td.space-maintainer-end,
.grid-table.fm.v-fav [megatype="fav"],
.grid-table.fm.v-fname [megatype="fname"],
.grid-table.fm.v-label [megatype="label"],
.grid-table.fm.v-size [megatype="size"],
.grid-table.fm.v-type [megatype="type"],
.grid-table.fm.v-accessCtrl [megatype="accessCtrl"],
.grid-table.fm.v-owner [megatype="owner"],
.grid-table.fm.v-timeAd [megatype="timeAd"],
.grid-table.fm.v-timeMd [megatype="timeMd"],
.grid-table.fm.v-versions [megatype="versions"],
.grid-table.fm.v-playtime [megatype="playtime"],
.grid-table.fm.v-extras [megatype="extras"],
.grid-table.fm.v-fileLoc [megatype="fileLoc"] {
    display: table-cell;
}
.grid-table.fm td.space-maintainer-start {
    z-index: 1;
    pointer-events: none;
}
.grid-table .space-maintainer-end {
    background-color: var(--mobile-page-background);
}
.mega-lite-mode .grid-table.fm.v-versions [megatype="versions"],
.mega-lite-mode .grid-table.shared-with-me .size-col,
.mega-lite-mode .grid-table.out-shares .size-col {
    display: none;
}
.grid-table th:last-child::after {
    display: none;
}
.grid-table th.grid-first-th i {
    --icon-size: 16px;
    --mask-color: var(--mobile-icon-primary);
    display: inline-block;
}

.files-grid-view .grid-scrolling-table {
    padding-bottom: 6px;
    box-sizing: border-box;
    transition: 200ms linear;
}
.files-grid-view .grid-scrolling-table::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px;
}

.files-grid-view.fm .column-settings {
    content: "";
    display: inline-block;
    position: absolute;
    width: 53px;
    height: 24px;
    background-color: var(--mobile-page-background);
    right: 0;
    top: 0;
    z-index: 209;
    cursor: pointer;
    transition: 200ms linear;
}
.shared-details-block .files-grid-view.fm .column-settings {
    top: 4px;
}
.rtl .files-grid-view.fm .column-settings {
    right: auto;
    left: 0;
}
.emptied .files-grid-view.fm .column-settings {
    display: none;
}
.files-grid-view.fm .column-settings i {
    --icon-size: 16px;
    --mask-color: var(--mobile-icon-secondary);
    padding: 4px;
    border-radius: 2px;
}

.files-grid-view.fm .column-settings:hover i {
    --mask-color: var(--icon-active);
    border-radius: 2px;
    background-color: var(--mobile-surface-1);
}

.files-grid-view.fm .column-settings.c-opened i {
    --mask-color: var(--icon-active);
}

.files-grid-view.fm .column-settings.overlap {
    padding-top: 16px;
    padding-bottom: 15px;
    background-color: var(--mobile-page-background);
    text-align: start;
}
.small-nav .files-grid-view.fm .column-settings.overlap {
    padding-top: 4px;
    padding-bottom: 4px;
}

.rtl .files-grid-view.fm .column-settings.overlap {
    border-left: unset;
}

.out-shared-grid-view > .grid-table thead::after {
    width: calc(100% - 32px);
}

.mega-lite-mode .files-grid-view.fm.mega-lite-hidden {
    display: none;
}

/* ======================================== *\
   Table : grid-table
\* ======================================== */

table.grid-table {
    width: 100%;
    margin: 0 auto;
    border-collapse: separate;
    table-layout: fixed;
}

table.grid-table tr:empty {
    border: 0;
    display: block;
    height: 0;
}

table.grid-table th:first-child,
table.grid-table td:first-child {
    padding-inline-start: 12px;
}
table.grid-table th:first-child,
table.grid-table th:last-child,
table.grid-table td:first-child,
table.grid-table td:last-child,
table.grid-table td.space-maintainer-start,
table.grid-table td.space-maintainer-end,
.transfer-table tr td:nth-child(8) {
    overflow: visible;
}

table.grid-table td {
    box-sizing: border-box;
    padding: 0;
    padding-inline-start: 5px;
    padding-inline-end: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

table.grid-table td {
    border-bottom: 1px solid var(--mobile-border-subtle);
}

table.grid-table .item-type-icon {
    --icon-size: 24px;
    left: 3px;
    position: absolute;
    top: 3px;
}
table.grid-table.fat .item-type-icon {
    --icon-size: 32px;
}
.rtl table.grid-table .item-type-icon {
    left: unset;
    right: 3px;
}

table.grid-table .tranfer-filetype-txt {
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    padding-inline-start: 38px;
    box-sizing: border-box;
    display: block;
    color: var(--mobile-text-primary)
}

table.grid-table.fat .tranfer-filetype-txt {
    padding-inline-start: 44px;
}
table.grid-table .taken-down td,
.taken-down .file-block-title,
.taken-down .nw-fm-tree-folder,
table.grid-table .taken-down .tranfer-filetype-txt,
.taken-down .propreties-dark-txt {
    color: var(--mobile-text-error);
}
table.grid-table .undecryptable td {
    color: var(--stroke-mid-grey);
}
table.grid-table .undecryptable .tranfer-filetype-txt,
.undecryptable .file-block-title,
.undecryptable .nw-fm-tree-folder,
.undecryptable .shared-folder-name,
.undecryptable .shared-folder-info,
.undecryptable .propreties-dark-txt {
    color: var(--secondary-orange) !important;
}
table.grid-table .undecryptable-zk .tranfer-filetype-txt,
.undecryptable-zk .file-block-title,
.undecryptable-zk .nw-fm-tree-folder,
.undecryptable-zk .shared-folder-name,
.undecryptable-zk .shared-folder-info,
.undecryptable-zk .propreties-dark-txt {
    color: var(--mobile-text-error) !important;
}

table.grid-table .ver-col-container {
    line-height: 30px;
}
table.grid-table .ver-col-container > div {
    vertical-align: middle;
}
table.grid-table .ver-col-container .ver-nb {
    height: 18px;
    color: var(--grid-text);
    font: var(--text-body2);
    display: inline-block;
    width: 19px;
    text-align: center;
}
table.grid-table .ver-col-container .ver-icon.versioning {
    display: inline-block;
    height: 30px;
}
table.grid-table .ver-col-container .ver-icon.versioning .versioning-indicator {
    position: relative;
    display: inline-block;
    height: 100%;
}
table.grid-table .ver-col-container .ver-icon.versioning .versioning-indicator > i { 
    --mask-color: var(--mobile-icon-secondary);
}
table.grid-table th[megatype="extras"],
table.grid-table td[megatype="extras"] {
    position: sticky;
    right: 0;
    overflow: visible;
}
table.grid-table td[megatype="extras"] {
    pointer-events: none;
}
table.grid-table td[megatype="extras"] > i,
table.grid-table td[megatype="extras"] > a {
    pointer-events: all;
}
.rtl table.grid-table th[megatype="extras"],
.rtl table.grid-table td[megatype="extras"] {
    left: 0;
    right: auto;
}
table.grid-table tr.linked td[megatype="extras"] {
    background-color: var(--mobile-page-background);
}
/* table.grid-table th[megatype="extras"]::before, */
.files-grid-view.fm .column-settings.overlap::before,
table.grid-table tr td[megatype="extras"]::before {
    content: '';
    left: -30px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, transparent, var(--mobile-page-background) 25px, var(--mobile-page-background));
    pointer-events: none;
    z-index: -1;
}
.rtl .files-grid-view.fm .column-settings {
    direction: rtl;
}
.rtl .files-grid-view.fm .column-settings.overlap::before,
.rtl table.grid-table:not(.fm-dialog-table) td[megatype="extras"]::before {
    left: 0;
    right: -30px;
    background: linear-gradient(270deg, transparent, var(--mobile-page-background) 25px, var(--mobile-page-background)); 
}
.files-grid-view.fm .column-settings.overlap::before {
    left: -70px;
}
.rtl .files-grid-view.fm .column-settings.overlap::before {
    right: -70px;
}
.table-hover tr.megaListItem:hover td[megatype="extras"]::before {
    background: linear-gradient(90deg, transparent, var(--mobile-surface-1) 25px, var(--mobile-surface-1));
    left: -30px;
}
.table-hover tr.ui-selected:not(:hover) td[megatype="extras"]::before {
    background: linear-gradient(90deg, transparent, var(--mobile-surface-2) 25px, var(--mobile-surface-2));
    left: -30px;
}
.rtl .table-hover tr.megaListItem:hover td[megatype="extras"]::before {
    background: linear-gradient(270deg, transparent, var(--mobile-surface-1) 25px, var(--mobile-surface-1));
    left: 0;
    right: -30px;
}
.rtl .table-hover tr.ui-selected:not(:hover) td[megatype="extras"]::before {
    background: linear-gradient(270deg, transparent, var(--mobile-surface-2) 25px, var(--mobile-surface-2));
    left: 0;
    right: -30px;
}
table.grid-table .grid-url-arrow {
    height: 24px;
    width: 24px;
    display: block;
    cursor: pointer;
    /* transition: all 50ms ease-in-out; */
    position: absolute;
    background-color: transparent;
    top: 50%;
    transform: translateY(-50%);
    left: 35px;
    border-radius: 4px;
    opacity: 0;
    padding: 0 2px;
}
.rtl table.grid-table .grid-url-arrow {
    left: auto;
    right: 35px;
}
.grid-wrapper table.grid-table tbody td.grid-url-field a.grid-url-arrow i {
    vertical-align: unset;
}

table.grid-table .grid-url-arrow i {
    --icon-size: 24px;
    --mask-color: var(--icon-inactive);
}

table.grid-table .grid-url-arrow:hover i,
table.grid-table .grid-url-arrow.active i {
    --mask-color: var(--icon-active);
}

table.grid-table .grid-url-header-nw .grid-url-arrow {
    top: 17px;
    left: auto;
    right: 14px;
    pointer-events: all;
}
.rtl table.grid-table .grid-url-header-nw .grid-url-arrow {
    left: 14px;
    right: auto;
}

.out-shared-grid-view table.grid-table .grid-url-header-nw .grid-url-arrow,
.shared-grid-view table.grid-table .grid-url-header-nw .grid-url-arrow {
    top: unset;
}

table.grid-table tr {
    box-sizing: border-box;
}

table.grid-table tr:empty {
    border: 0;
}

table.grid-table tr:not(.taken-down) .grid-status-icon:not(.read-only):not(.read-and-write) {
    cursor: pointer;
}

table.grid-table .grid-status-icon {
    --icon-size: 16px;
    --mask-color: var(--mobile-icon-secondary);
    display: inline-block;
    margin: 0 0 1px;
    vertical-align: middle;
}

table.grid-table .grid-status-icon.icon-favourite-filled {
    --mask-color: var(--mobile-icon-primary);
}

table.grid-table .grid-status-icon.icon-info {
    --mask-color: var(--secondary-orange);
}

table.grid-table .grid-status-icon.icon-takedown,
table.grid-table .undecryptable-zk .grid-status-icon.icon-info {
    --mask-color: var(--mobile-text-error);
}

table.grid-table tbody i:not(.verified-user-icon):not(.icon-dot):not(.selected) {
    --mask-color: var(--mobile-icon-primary);
    --icon-size: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 1px;
}
table.fm.grid-table td.fileLoc i.grid-file-icon {
    --icon-size: 16px;
    --mask-color: var(--text-color-medium);
}
table.grid-table tbody i.icon-manage-folders:not(.verified-user-icon):not(.icon-dot):not(.selected),
table.grid-table tbody i.icon-link-thin-outline:not(.verified-user-icon):not(.icon-dot):not(.selected),
table.grid-table tbody i.icon-more-vertical-thin-outline:not(.verified-user-icon):not(.icon-dot):not(.selected) {
    --icon-size: 16px;
    background-color: var(--mobile-page-background);
    border-radius: 2px;
    padding: 4px;
    position: relative;
    cursor: pointer;
}
table.grid-table tbody i.icon-clock-rotate:not(.verified-user-icon):not(.icon-dot):not(.selected) {
    --icon-size: 16px;
}
table.grid-table tbody i:not(.verified-user-icon):not(.icon-dot):not(.selected):hover {
    background-color: transparent;
}
table.grid-table tbody i:not(.verified-user-icon):not(.icon-dot):not(.selected):not(.icon-clock-rotate):not(.dc-status-tip):not(.dc-status):hover::after {
    content: '';
    background-color: var(--mobile-button-outline-background-hover);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
table.grid-table tbody .versioning-indicator i.icon-clock-rotate {
    display: block;
}

table.grid-table tbody tr:not(.linked) td.own-data .icon-link-thin-outline,
table.grid-table tbody tr.taken-down td.own-data .icon-link-thin-outline {
    display: none;
}

table.grid-table tbody .linked .icon-link-thin-outline {
    display: inline-block;
}

table.grid-table tbody .grid-file-location {
    cursor: pointer;
    text-decoration: underline;
    color: var(--secondary-blue);
}

/* ======================================== *\
   Table : grid-table fm
\* ======================================== */

.rtl table {
    direction: rtl;
}
table.fm td {
    z-index: 0;
    box-sizing: border-box;
    height: 32px;
    font: var(--text-body2);
    line-height: 31px;
    padding: 0;
    padding-inline-start: 5px;
    padding-inline-end: 13px;
    color: var(--mobile-text-secondary);
    text-align: start;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}
table.fm.fat td {
    height: 48px;
}
table.fm.search-page:not(.fat) td {
    height: 73px;
}
table.fm.search-page.fat td {
    height: 81px;
}
table.fm [megatype="fav"] {
    text-align: center;
    text-overflow: initial;
}
table.fm td[megatype="fname"] {
    min-width: 180px;
}
table.fm td[megatype="empty"] {
    display: table-cell;
    width: 100%;
}
table.fm th:first-child,
table.fm td:first-child {
    padding: 0 24px;
    width: 66px;
    text-align: center;
}
table.fm tr {
    white-space: nowrap;
    width: 100%;
}
table.fm .item-type-icon {
    left: 3px;
    position: absolute;
}
table.fm .item-type-icon,
table.fm .versioning-indicator {
    top: 50%;
    transform: translateY(-50%);
}
table.fm .grid-url-arrow {
    margin-top: 0;
}
table.fm .thumb .item-type-icon {
    background: none;
}
table.fm .thumb .item-type-icon img {
    background-color: var(--stroke-mid-grey);
    border-radius: 2px;
    display: inline-block;
    height: 18px;
    margin: 3px;
    width: 18px;
}
table.fm.fat .thumb .item-type-icon img {
    height: 32px;
    width: 32px;
    margin: 0;
}

/* ======================================== *\
   index-table & wrapper
\* ======================================== */
.terms-page-content.terms .index-table {
    margin: 24px auto;
    width: 100%;
}

.terms-page-content.terms .index-table td {
    font-family: var(--text-font-family);
    padding: 8px 0;
    padding-inline-end: 8px;
}

.terms-page-content.terms .index-table td:not(:first-child) {
    text-align: end;
}

/* ======================================== *\
   megasync-table
\* ======================================== */
.megasync-table {
    background-color: white;
    border-radius: 6px;
    display: inline-block;
    overflow: hidden;
}
.megasync-table table {
    width: 640px;
}
.megasync-table table th,
.megasync-table table td {
    height: 80px;
    box-sizing: border-box;
    padding: 0 23px;
    vertical-align: middle;
    text-align: start;
    white-space: nowrap;
    border-left: 1px solid rgba(0,0,0,0.1);
    font-weight: normal;
}
.megasync-table table td {
    height: 63px;
    border-top: 1px solid rgba(0,0,0,0.1);
}
.megasync-table table th:nth-child(1),
.megasync-table table td:nth-child(1) {
    background-color: #f2f2f2;
    text-align: right;
    width: 209px;
    border-left: 0;
}
.megasync-table table th:nth-child(2),
.megasync-table table td:nth-child(2) {
    width: 216px;
    padding: 0 26px;
}
.megasync-table table th:nth-child(3),
.megasync-table table td:nth-child(3) {
    width: 215px;
    padding: 0 28px;
}
.megasync-table table th span,
.megasync-table table td span {
    font-size: 16px;
    line-height: 40px;
    color: rgba(51,51,51,1);
    padding: 0;
    background-image: url(../images/mega/download-sprite.png);
    background-position: left 1000px;
    background-repeat: no-repeat;
    display: inline-block;
}
.megasync-table table span.tick {
    background-position: -4px -1768px;
}
.megasync-table table span.dots {
    background-position: -3px -1648px;
}
.megasync-table table span.globe {
    background-position: -2px -1577px;
    margin-left: -3px;
    padding: 0 0 0 48px !important;
}
.megasync-table table span.sync {
    background-position: 0 -1696px;
    margin-left: -4px;
    padding: 0 0 0 45px !important;
}
.megasync-table table th:nth-child(1) span,
.megasync-table table td:nth-child(1) span {
    color: rgba(51,51,51,0.7);
    background-image: none;
}
.megasync-table table th:nth-child(2) span,
.megasync-table table td:nth-child(2) span {
    padding: 0 0 0 45px;
}
.megasync-table table th:nth-child(3) span,
.megasync-table table td:nth-child(3) span {
    padding: 0 0 0 41px;
}

/* ======================================== *\
   grid-table-user-management
\* ======================================== */

.user-management-view .table-user-management table {
    border: none;
    margin: 0 24px;
    width: calc(100% - 48px);
    table-layout: fixed;
}
.user-management-view .table-user-management .data-table tr .name .fm-user-management-user {
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.user-management-view .table-user-management .data-table tr .status {
    white-space: nowrap;
    width: 14%;
}
.user-management-view .table-user-management .data-table tr .used-storage {
    width: 14%;
}
.user-management-view .table-user-management .data-table tr .used-transfer {
    width: 14%;
}
.user-management-view .table-user-management .data-table tr .last-active {
    width: 14%;
}
.user-management-view .table-user-management .data-table tr .actions {
    width: 140px;
}
.user-management-view .grid-table-user-management tbody tr {
    height: 64px;
}
.user-management-view .grid-table-user-management td {
    cursor: pointer;
}
.user-management-view .grid-table-user-management th {
    box-sizing: border-box;
    color: var(--text-color-medium);
    font: var(--text-body2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user-management-view .user-management-list-table tr .icon-wrapper {
    opacity: 0;
    vertical-align: middle;
    transition: var(--transition-opacity);
}
.files-grid-view.user-management-view .user-management-list-table tbody tr:hover .icon-wrapper {
    opacity: 1;
}
.files-grid-view.user-management-view .user-management-list-table tbody tr .icon-wrapper.disabled i {
    --mask-color: var(--icon-inactive);
}
.files-grid-view.user-management-view .user-management-list-table tbody tr .icon-wrapper:not(.disabled) i {
    --mask-color: var(--mobile-icon-primary);
}
.files-grid-view.user-management-view .user-management-list-table tbody tr .icon-wrapper:not(.disabled):hover i {
    --mask-color: var(--icon-active);
}
.files-grid-view.user-management-view .user-management-list-table tbody tr td .icon-wrapper {
    display: inline-block;
    margin-inline-end: 8px;
    position: relative;
    cursor: pointer;
}
.user-management-list-table tr td .user-management-name {
    font: var(--text-body1);
    color: var(--text-color-high);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: bottom;
}
.user-management-list-table tr td .user-management-email {
    color: var(--text-color-low);
    font: var(--text-body2);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 2px;
}
.user-management-list-table tr td .user-management-email.warning,
.user-management-list-table tr td .user-management-email.pending-email {
    color: var(--text-color-warning);
}

/* ======================================== *\
   grid-table shared-with-me
\* ======================================== */

@media only screen and (max-width: 1368px) and (min-width: 320px)  {
    table.shared-with-me td:nth-child(2) {
        width: 150px !important;
    }

    .contacts-panel table.shared-with-me td:nth-child(2) {
        width: 240px !important;
    }
}

table.shared-with-me td {
    z-index: 0;
}
table.shared-with-me td {
    vertical-align: middle;
    height: 56px;
    font: var(--text-body2);
}
table.shared-with-me td.grid-url-header-nw {
    pointer-events: none;
}

table.shared-with-me .avatar-wrapper {
    position: absolute;
    top: 14px;
    margin: 0;
}

table.shared-with-me .item-type-icon-90 {
    --icon-size: 48px;
    left: 0;
    position: absolute;
    top: 4px;
}
.rtl table.shared-with-me .item-type-icon-90 {
    left: auto;
    right: 0;
}
table.shared-with-me .shared-folder-info-block .shared-folder-name {
    color: var(--text-color-high);
    font: var(--text-body1);
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-inline-end: 24px;
}

table.shared-with-me .shared-folder-info-block .shared-folder-info {
    color: var(--text-color-low);
    font: var(--text-body2);
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

table.shared-with-me .fm-chat-user-info {
    float: none;
    margin: 0;
    margin-inline-start: 44px;
    display: block;
}

table.shared-with-me .fm-chat-user-info .fm-chat-user {
    color: var(--text-color-high);
    margin-right: auto; /* requires to override style from chat */
    margin-inline-end: 20px;
    font: var(--text-body2);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: flex;
    align-items: center;
}

table.shared-with-me .fm-chat-user-info .nw-contact-status {
    margin: 12px;
}

table.shared-with-me .fm-chat-user-info .fm-chat-user-status {
    font: var(--text-body2);
    color: var(--text-color-low);
}
table.shared-with-me .fm-chat-user-info .fm-user-verification {
    text-decoration: underline;
    cursor: pointer;
    color: var(--label-blue);
}

table.shared-with-me .shared-folder-size {
    font: var(--text-body2);
}
table.shared-with-me .shared-folder-access {
    color: var(--text-color-medium);
    display: block;
}
table.shared-with-me .shared-folder-access i {
    --icon-size: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-inline-end: 5px;
}
table.shared-with-me .shared-folder-access span {
    display: inline-block;
    vertical-align: middle;
    font: var(--text-body2);
}


/* ======================================== *\
   grid-table out-shares
\* ======================================== */

@media only screen and (max-width: 1368px) and (min-width: 320px)  {
    table.out-shares td:nth-child(2) {
        width: 150px !important;
    }
}

table.out-shares td {
    z-index: 0;
    height: 56px;
}
table.out-shares td.grid-url-header-nw {
    pointer-events: none;
}
table.out-shares .item-type-icon-90 {
    --icon-size: 48px;
    left: 0;
    position: absolute;
    top: 4px;
}
.rtl table.out-shares .item-type-icon-90 {
    left: auto;
    right: 0;
}
table.out-shares .shared-folder-info-block {
    padding: 0;
    padding-inline-start: 51px;
    font: var(--text-body2);
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    text-align: start;
}

table.out-shares .shared-folder-info-block .shared-folder-name {
    color: var(--text-color-high);
    font: var(--text-body1);
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-inline-end: 24px;
}

table.out-shares .shared-folder-info-block .shared-folder-info {
    color: var(--text-color-low);
    font: var(--text-body2);
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* Temporarily hide the size of folders in MEGA Lite mode as we don't know the contents */
.mega-lite-mode table.out-shares .shared-folder-info-block .shared-folder-info {
    display: none;
}
table.out-shares .fm-chat-users-wrapper.simpletip {
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
}
table.out-shares .fm-chat-users-wrapper.simpletip:hover {
    text-decoration: underline;
}
table.out-shares .shared-folder-size,
table.out-shares .last-shared-time,
table.out-shares .fm-chat-users,
table.out-shares .fm-chat-users-other,
table.out-shares .label{
    color: var(--text-color-medium);
    font: var(--text-body2);
}
table.out-shares .fm-chat-users {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ======================================== *\
   transfer-table header
\* ======================================== */

.transfer-table thead {
    width: calc(100% - 32px);
    white-space: nowrap;
    margin: 0 16px;
    min-width: 1152px;
}
.transfer-table th {
    box-sizing: border-box;
    height: 24px;
    font: var(--text-body2);
    padding: 0 13px 0 5px;
    color: var(--stroke-main-inverted);
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: sticky;
    position: -webkit-sticky;
    display: table-cell;
    float: none;
    top: 0;
    background-color: var(--mobile-page-background);
    z-index: 1;
}
.transfer-table th:first-child span {
    display: block;
    background-image: url(../images/mega/fm-main-sprite.png);
    background-repeat: no-repeat;
    background-position: -6px -4019px;
    height: 24px;
}

/* ======================================== *\
   transfer-table
\* ======================================== */

.fm-transfers-block td {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    padding: 0 13px 0 5px;
    color: #707070;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    position: relative;
}
.transfer-table {
    min-width: 1152px;
}
.transfer-table,
.transfer-table tbody {
    height: auto;
    table-layout: fixed;
    white-space: nowrap;
}
.transfer-table .tranfer-filetype-txt {
    position: absolute;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    padding-left: 30px;
    padding-top: 6px;
    box-sizing: border-box;
    display: block;
}
.transfer-table .item-type-icon {
    --icon-size: 24px;
    left: 2px;
    position: absolute;
    top: 4px;
}
.transfer-table .transfer-type {
    margin: 0 auto;
}
.transfer-table .transfer-type::before {
    background-image: none;
}

.transfer-table td {
    border-bottom: 1px solid var(--stroke-grey-2);
}
.transfer-table td {
    color: var(--text-color-high);
    padding-left: 5px;
    height: 32px;
    font: var(--text-body1);
    cursor: default;
    box-sizing: border-box;
    position: relative;
    line-height: 32px;
    z-index: 0;
}
.transfer-table td object {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 26px;
    top: 0;
    left: 0;
    opacity: 0;
}
.transfer-table td:nth-child(1),
.transfer-table th:nth-child(1) {
    background-image: none;
    padding: 0;
    overflow: visible;
}
.transfer-table tr td:nth-child(1) {
    padding-inline-start: 4px;
}
.transfer-table tr.ui-selected td:nth-child(1) {
    padding-inline-start: 0;
}
.transfer-table td:nth-child(2) {
    vertical-align: top;
}
.transfer-table td:nth-child(7),
.transfer-table th:nth-child(7) {
    background-image: none;
}
.transfer-table td:nth-child(8)::before {
    border-radius: 0 4px 4px 0;
}
.transfer-table td:nth-child(9),
.transfer-table th:nth-child(9) {
    width: 0;
    overflow: visible;
}
.transfer-table th:nth-child(9),
.transfer-table td:nth-child(9),
.dndc-sort .transfer-table td:nth-child(9) {
    display: none;
}
.transfer-table .link-transfer-status i,
.transfer-table .grid-url-arrow i,
.transfer-table .clear-transfer-icon i {
    --icon-size: 24px;
    display: inline-block;
    --mask-color: var(--mobile-icon-primary);
    vertical-align: middle;
}
.transfer-table .link-transfer-status:hover i,
.transfer-table .grid-url-arrow i,
.transfer-table .clear-transfer-icon:hover i {
    --mask-color: var(--icon-active);
}

.transfer-table th:nth-child(2) {
    min-width: 448px;
}


/* ======================================== *\
   grid-table vouchers
\* ======================================== */

.fm-account-reseller .grid-table.vouchers {
    table-layout: auto;
}

.grid-table.vouchers td:first-child {
    padding-left: 12px;
}

/* ======================================== *\
   dev-new-appplications-table > grid-table
\* ======================================== */

.dev-new-appplications-table .grid-table th {
    line-height: 27px !important;
}
.dev-new-appplications-table .grid-table th {
    height: 30px;
}
.dev-new-appplications-table .grid-table td {
    height: 31px;
    color: #666666;
}

.dev-new-appplications-table .grid-table tr td:first-child {
    padding-left: 10px;
}
.dev-new-appplications-table .grid-table td {
    color: #666666;
}
.dev-new-appplications-table table.grid-table th:nth-child(4),
.dev-new-appplications-table table.grid-table td:nth-child(4) {
    width: 35px;
    padding: 0;
}

/* ======================================== *\
   Scroller customisation for sticky header
\* ======================================== */

.grid-scrolling-table.ps > .ps__rail-y,
.user-management-scroll.ps > .ps__rail-y {
    margin-top: 58px;
}
.contacts-list .grid-scrolling-table.ps > .ps__rail-y {
    margin-top: 24px;
}
.add-from-cloud-dialog .grid-scrolling-table.ps > .ps__rail-y {
    margin-top: 34px;
}
.transfer-scrolling-table.ps > .ps__rail-y {
    margin-top: 26px;
}

/* ======================================== *\
   grid-table file-requests
\* ======================================== */

.file-requests-view {
    margin-top: 12px;
}
.file-requests-view .grid-table tr:not(.ui-selected):not(:hover) .grid-file-request-manage {
    opacity: 0;
}

/* ======================================== *\
   grid-table arrow at header
\* ======================================== */
.arrow:not(.grid-header-star) {
    --icon-size: 16px;
    --mask-color: var(--mobile-icon-secondary);
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 20px 0 12px;
    text-align: start;
    height: 24px;
}
.small-nav .arrow:not(.grid-header-star) {
    padding: 6px 0 2px;
}
.s4-grid-view .arrow:not(.grid-header-star) {
    padding: 0;
}
table.grid-table th:hover .arrow:not(.grid-header-star) {
    --mask-color: var(--mobile-icon-primary);
    font-weight: 700;
}
.arrow.sprite-fm-mono::before {
    display: none;
    height: 16px;
    margin-top: -3px;
    margin-inline-end: 8px;
    width: 16px;
    vertical-align: middle;
    padding: 4px;
}
.arrow.sprite-fm-mono.desc::before {
    display: inline-block;
    transform: rotate(90deg);
}
.arrow.sprite-fm-mono.asc::before {
    display: inline-block;
    transform: rotate(-90deg);
}
.arrow.label:not(.asc):not(.desc) {
    background-image: none;
}
.add-from-cloud table.grid-table td[megatype="extras"] {
    position: relative;
}
.add-from-cloud .grid-table th,
.add-from-cloud .grid-table th[megatype="extras"]::before {
    background: var(--surface-main);
    border-bottom: 1px solid var(--stroke-grey-2);
}
.add-from-cloud table.grid-table tr.linked td[megatype="extras"],
.add-from-cloud .grid-table tbody tr td[megatype="extras"]::before {
    background: transparent;
}
.add-from-cloud .table-hover tr:hover td:not(.label)::before,
.add-from-cloud .table-hover tr:hover td.label::after {
    background: var(--mobile-surface-1)
}
.add-from-cloud .grid-table tbody tr:not(.linked) i.icon-link {
    display: none;
}
.add-from-cloud .fm-dialog-table.grid-table td.extras-column {
    width: auto;
}
.fm-dialog-table.grid-table tr.ui-selected td:first-of-type {
    padding-inline-start: 8px;
}
